<html>
    <head>
        <title>CSS attribute selector test</title>
        <style type="text/css">
            [hello=friends] {
                background-color: #f0f;
                color: white;
            }
            div[id="foo"] {
                background-color: blue;
                color: #fff;
            }
            div[cool] {
                background-color: green;
                color: #ffffff;
            }
        </style>
    </head>
    <body>
        <div hello=friends>This div is hello, friends!</div>
        <div id="foo">This div has id="foo" and is bloo!</div>
        <div cool="">This div has a "cool" attribute and a cool green color.</div>
    </body>
</html>
